<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<style type="text/css">
	#box{
	width: 100px;
	height: 100px;
	background-color:red; 
	
	}

	</style>
</head>
<body>
<!-- <button onclick="go()">上一张 </button><img src="图/小鹿男.jpg" id="imgs"><button onclick="back()">下一张</button> -->
<div onmouseover="mOver()" id="box" onmouseout="mOut()"></div>
<input onfocus="getFocus(this)" id="text" onblur="loseFocus()" onchange="textChange(this)" onselect="textSelect(this)" />
<script type="text/javascript">
  // var str=["图/小鹿男.jpg","图/九色鹿.jpg","图/角.jpg","图/花鹿.jpg"];
  //  var index=0;
		// 	function go(){
		// 		var imgs=document.getElementById('imgs');

		// 		if (index==str.length-1) {
		// 			index=-1;
		// 		}
		// 		imgs.src=str[++index];
		// 		console.log(index);				
		// 	}//图片的切换
		// 	function back(){
		// 		var imgs=document.getElementById('imgs');
		// 		if (index==0) {
		// 			index=str.length-1;
		// 		}
		// 		imgs.src=str[--index];
		// 		console.log(index);				
		// 	}//图片的切换
//.........................
// var box=byId('box');
// function mOver(){
// 	box.style.backgroundColor="blue";

// }
// function mOut(){
// 	box.style.backgroundColor="green";

// }
// function byId(id){
// 	return document.getElementById(id) ;
// }

//.........................................

// function getFocus(obj){	
// 	obj.style.borderColor="yellow";
// 	obj.style.color="black"
// }

// function loseFocus(){
// 	var text=document.getElementById('text');
// 	text.style.borderColor="yellow";
// }
// function textChange(obj){
// 	obj.style.color="red";//在失焦的时候触发
// }
// function textSelect(obj){
// 	obj.style.color="blue";
// }
//....................................................
//setInterval(表达式，时间间隔)返回一个ID
//关闭setInterval,通过ID关闭 clearInterval(id)
var time=setInterval(function(){
	console.log('今天天气不错！');
},1000)
function 
	</script>
}
</body>
</html>